<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/jquery.easyui.min.js" ></script>
		<script type="text/javascript" src="locale/easyui-lang-zh_CN.js"></script>
		<link rel="stylesheet" type="text/css" href="themes/material/easyui.css"/>
		<link rel="stylesheet" type="text/css" href="themes/icon.css" />
		<link rel="stylesheet" type="text/css" href="css/demo.css"/>
	</head>
	<body>
		<!-- <form id="tb" >
			用户名：<input class="easyui-textbox" type="text" id="names" data-options="required:false"></input>
		    <a href="javascript:void(0)" class="easyui-linkbutton" id="query">查询</a>
	    </form> -->
		<!-- <div id="win" class="easyui-window" data-options="modal:true"> -->
		<div>
			<input id="query" class="easyui-searchbox" style="width:300px" 
				data-options="searcher:qq,prompt:'Please Input Value',menu:'#mm'"/> 
			<div id="mm" style="width:120px">
				<div  iconCls:'icon-ok'">用户名</div> 
			<!--<div data-options="name:'sports'">Sports News</div> -->
			</div>
		</div>
		<!-- <div id="pp" class="easyui-pagination" data-options="total:200,pageSize:10" style="background:#efefef;border:1px solid #ccc;"></div>  -->
		<!-- <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'"  plain="fasle" onclick="newUser()">添加</a> 
		<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'"  plain="false" onclick="removeUser()">Remove</a> 
		<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" plain="false" onclick="editUser()">编辑</a>  -->
			
		<div id="dlg" class="easyui-dialog" style="width:700px;height:700px;padding:10px 20px"
	            closed="true" buttons="#dlg-buttons">
	       <form class="easyui-form" id="edit" action="/add.do">
	       		<!-- <div class="ftitle">用户信息</div> -->
				<input type="hidden" name="id" value=""/>
				<!-- <table id="dg" class="easyui-datagrid" border="1" cellpadding="1" cellspacing="0" width="100%" style="padding-bottom: 10px;"> -->
				<!-- <th colspan="2"><h3>经济保障房申请表</h3></th> -->
					姓名:<input id="name" name="name"class="easyui-validatebox" data-options="required:true" missingMessage="请填写姓名"/></br>
					国籍:<input id="nation" name="nation" class="easyui-validatebox" data-options="required:true" missingMessage="请填写国籍"/></br>
					目前所在地:<select id="address" class="easyui-combobox" name="address" style="width:200px;">   
						<option>甘肃</option>   
						<option>广东省</option>   
						<option>河北省</option>   
						<option>安徽省</option>   
						<option>湖南省</option> 
						<option>湖北省</option>
						<option>海南省</option>   
						<option>四川省</option> 
						<option>深圳</option>   
						<option>云南</option>   
						<option>巴黎</option>   
						<option>云海</option> 
						<option>贵州省</option> 
						<option>青海省</option> 
					</select></br>
						
					民族:
					<select id="nat" class="easyui-combobox" name="nat" style="width:200px;">   
						<option>汉族</option>   
						<option>蒙古族</option>
						<option>回族</option>
						<option>藏族</option>
						<option>维吾尔族</option>
						<option>苗族</option>
						<option>彝族</option>
						<option>壮族</option>
						<option>布依族</option>
						<option>朝鲜族</option>
						<option>满族</option>
						<option>侗族</option>
						<option>瑶族</option>
						<option>白族</option>
						<option>土家族</option>
						<option>哈尼族</option>
						<option>哈萨克族</option>
						<option>傣族</option>
						<option>黎族</option>
						<option>傈僳族</option>
						<option>佤族</option>
						<option>畲族</option>
						<option>高山族</option>
						<option>拉祜族</option>
						<option>水族</option>
						<option>东乡族</option>
						<option>纳西族</option>
						<option>景颇族</option>
						<option>柯尔克孜族</option>
						<option>土族</option>
						<option>达斡尔族</option>
						<option>仫佬族</option>
						<option>羌族<option>
						<option>布朗族</option>
						<option>撒拉族</option>
						<option>毛难族</option>
						<option>仡佬族</option>
						<option>锡伯族</option>
						<option>阿昌族</option>
						<option>普米族</option>
						<option>塔吉克族</option>
						<option>怒族</option>
						<option>乌孜别克族</option>
						<option>俄罗斯族</option>
						<option>鄂温克族</option>
						<option>崩龙族</option>
						<option>保安族</option>
						<option>裕固族</option>
						<option>京族</option>
						<option>塔塔尔族</option>
						<option>独龙族</option>
						<option>鄂伦春族</option>
						<option>赫哲族</option>
						<option>门巴族</option>
						<option>珞巴族</option>
						<option>蒙古族</option>
						<option>回族</option>
						<option>藏族</option>
						<option>维吾尔族</option>
						<option>苗族</option>
						<option>彝族</option>
						<option>壮族</option>
						<option>布依族</option>
						<option>朝鲜族</option>
						<option>满族</option>
						<option>侗族</option>
						<option>瑶族</option>
						<option>白族</option>
						<option>土家族</option>
						<option>哈尼族</option>
						<option>哈萨克族</option>
						<option>傣族</option>
						<option>黎族</option>
						<option>傈僳族</option>
						<option>佤族</option>
						<option>畲族</option>
						<option>高山族</option>
						<option>拉祜族</option>
						<option>水族</option>
						<option>东乡族</option>
						<option>纳西族</option>
						<option>景颇族</option>
						<option>柯尔克孜族</option>
						<option>土族</option>
						<option>达斡尔族</option>
						<option>仫佬族</option>
						<option>羌族<option>
						<option>布朗族</option>
						<option>撒拉族</option>
						<option>毛难族</option>
						<option>仡佬族</option>
						<option>锡伯族</option>
						<option>阿昌族</option>
						<option>普米族</option>
						<option>塔吉克族</option>
						<option>怒族</option>
						<option>乌孜别克族</option>
						<option>俄罗斯族</option>
						<option>鄂温克族</option>
						<option>崩龙族</option>
						<option>保安族</option>
						<option>裕固族</option>
						<option>京族</option>
						<option>塔塔尔族</option>
						<option>独龙族</option>
						<option>鄂伦春族</option>
						<option>赫哲族</option>
						<option>门巴族</option>
						<option>珞巴族</option>
						<option>基诺族</option>
						<option>基诺族</option>
					</select></br>  
						
					户口所在地:
					<select id="provinces" class="easyui-combobox" name="provinces" style="width:200px;">   
						<option>甘肃省</option>   
						<option>广东省</option>   
						<option>河北省</option>   
						<option>安徽省</option>   
						<option>湖南省</option> 
						<option>湖北省</option>
						<option>海南省</option>   
						<option>四川省</option>   
						<option>贵州省</option> 
						<option>青海省</option> 
						<option>台湾省</option> 
					</select></br>
					身材:
					身高:<input id="height" class="easyui-numberspinner" name="height" style="width:80px;"   
		       				required="required" data-options="min:10,max:100,editable:false" missingMessage="请填写身高">cm
		       		体重:<input id="wide" class="easyui-numberspinner" name="wide" style="width:80px;"   
		       				required="required" data-options="min:10,max:100,editable:false" missingMessage="请填写体重">kg</br>
					婚姻状况:<select id="marriage" class="easyui-combobox" name="marriage" style="width:200px;">   
							    <option>未婚</option>   
							    <option>已婚</option>   
							    <option></option>   
							    <option></option>   
							    <option></option>   
							</select></br>  
						
					年龄:<input id="age" class="easyui-numberspinner" name="age" style="width:80px;"   
		       				required="required" data-options="min:10,max:100,editable:false" missingMessage="请填写年龄"></br>
					人才类型:
					<select id="type" class="easyui-combobox" name="type" style="width:200px;">   
						<option>普通求职</option>   
						<option></option>   
						<option></option>   
						<option></option>   
						<option></option>   
					</select></br>  
					应聘职位:
					<select id="position" class="easyui-combobox" name="position" style="width:200px;">   
						<option>计算机类</option>   
						<option>物流类</option>   
						<option>客户服务类</option>   
						<option></option>   
						<option></option>   
					</select></br>  
					
					工作年限:<input id="year" class="easyui-numberspinner" name="year" style="width:80px;"   
		       					required="required" data-options="min:1,max:100,editable:false" missingMessage="请填写年限"></br>
						
					职称:<input id="poName" type="text" name="poName" class="easyui-validatebox" data-options="required:true" missingMessage="请填写职称"/></br> 
						
					求职类型:
					<select id="poType" class="easyui-combobox" name="poType" style="width:200px;">   
						<option>全职</option>   
						<option>兼职</option>   
						<option></option>   
						<option></option>   
						<option></option>   
					</select></br>
						
					可到职:
					<select id="poWork" class="easyui-combobox" name="poWork" style="width:200px;">   
						<option>随时</option>   
						<option>每天下午</option>   
						<option>每天上午</option>   
						<option>白天</option>   
						<option>晚上</option>   
					</select></br>
						
					月薪要求:<input id="balance" class="easyui-numberspinner" name="balance" style="width:80px;"></br>   
		       		
					希望工作地区:
						省:
						<select id="province" name="province" onchange='search(this)'>
							<option  selected="selected">请选择省</option>
						</select>
						市:
						<select id="city" name="city" onchange='search(this)'>
							<option  selected="selected">请选择市</option>
						</select>
						县,区:
						<select id="county" name="county">
							<option   selected="selected">请选择区/县</option>
						</select>
						镇:
						<select id="town" name="town">
							<option  selected="selected">请选择镇</option>
						</select></br>
						<div id="container" style="width: 80%;height:80%;top: 60px"></div>
						
						个人工作经历:
						<input id="onselfWork" name="onselfWork" type="text" class="easyui-validatebox" data-options="required:true" missingMessage="请填写个人经历" white-space:"pre-line"/></br> 
					
						毕业院校:
							<input id="school" name="school" type="text" class="easyui-validatebox" data-options="required:true" missingMessage="请填写院校名称"/></br> 

						最高学历:
						<select id="education" class="easyui-combobox" name="education" style="width:200px;">   
							<option>大专</option>   
							<option>高中</option>   
							<option>博士</option>   
							<option>硕士</option>   
							<option>研究生</option>   
						</select></br>  
						
						毕业:<input id="graduate" type="text" name="graduate" class="easyui-datebox" required="required" missingMessage="请填写年/月/日"/></br>
						
						所学专业一:<select id="major" class="easyui-combobox" name="major" style="width:200px;">   
							<option>经济信息管理(电子商务)</option>   
							<option></option>   
							<option></option>   
							<option></option>   
							<option></option>   
						</select></br>  
						
						所学专业二:<select id="majors" class="easyui-combobox" name="majors" style="width:200px;">   
							<option>经济管理(酒店管理)</option>   
							<option></option>   
							<option></option>   
							<option></option>   
							<option></option>   
						</select></br>  
						
						外语:<select id="eng" class="easyui-combobox" name="english" style="width:200px;">   
							    <option>优秀</option>   
							    <option>良好</option>   
							    <option>合格</option>   
							    <option>一般</option>   
							    <option>不合格</option>   
							</select></br>  
						
						国语水平:<select id="chin" class="easyui-combobox" name="chinese" style="width:200px;">   
							    <option>优秀</option>   
							    <option>良好</option>   
							    <option>合格</option>   
							    <option>一般</option>   
							    <option>不合格</option>   
							</select></br> 
						
						粤语水平:<select id="can" class="easyui-combobox" name="cantonese" style="width:200px;">   
							    <option>优秀</option>   
							    <option>良好</option>   
							    <option>合格</option>   
							    <option>一般</option>   
							    <option>不合格</option>   
							</select></br>  
						简介介绍:
							<input id="intr" class="easyui-validatebox" name="introduce" data-options="required:true,validType:'email'" missingMessage="请填写简介"/></br>  
						<!-- <span style="margin-left: 200px;"><input type="reset" value="重置"/></span>
						<span style="margin-left: 30px;"><input type="submit" value="提交"/></span> -->
						<div id="dlg-buttons">
					        <button id="sub" class="easyui-linkbutton" iconCls="icon-ok" onclick="add()">提交</button>
					        <button class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">取消</button>
		    			</div>
		    	<!-- 	</table> -->
				</form>
			</div> 
		
		<table class="easyui-datagrid" style="width:100%"   
        data-options="fitColumns:true,singleSelect:true" id="dg">   
    		<thead>   
		        <tr>  
		       		<th data-options="field:'id',width:50">ID</th>  
		        	<th data-options="field:'name',width:50">姓名</th>  
		            <th data-options="field:'nation',width:50">国籍</th>   
		            <th data-options="field:'address',width:60">所在地</th> 
		            <th data-options="field:'nat',width:50">民族</th>   
		            <th data-options="field:'provinces',width:80">户口所在地</th> 
		            <th data-options="field:'height',width:50">身高</th>   
		            <th data-options="field:'wide',width:50">体重</th> 
		            <th data-options="field:'marriage',width:70">婚姻状况</th>   
		            <th data-options="field:'age',width:50">年龄</th>
		            <th data-options="field:'type',width:70">人才类型</th>   
		            <th data-options="field:'position',width:70">应聘职位</th> 
		            <th data-options="field:'year',width:50">年限</th>   
		            <th data-options="field:'poName',width:50">职称</th>
		            <th data-options="field:'poType',width:70">求职类型</th>  
		            <th data-options="field:'poWork',width:50">可到职</th>   
		            <th data-options="field:'balance',width:50">月薪</th> 
		            <th data-options="field:'province',width:40">省</th>   
		            <th data-options="field:'city',width:40">市</th> 
		            <th data-options="field:'county',width:50">县/区</th>   
		            <th data-options="field:'town',width:40">镇</th> 
		            <th data-options="field:'onselfWork',width:70">工作经历</th>   
		            <th data-options="field:'school',width:70">毕业院校</th>
		            <th data-options="field:'education',width:50">学历</th>   
		            <th data-options="field:'graduate',width:70">毕业时间</th> 
		            <th data-options="field:'major',width:50">专业一</th>   
		            <th data-options="field:'majors',width:50">专业二</th>
		            <th data-options="field:'english',width:50">外语</th>   
		            <th data-options="field:'chinese',width:50">国语</th>
		            <th data-options="field:'cantonese',width:50">粤语</th> 
		            <th data-options="field:'introduce',width:50,align:'left'">简介</th>   
		        </tr>   
    		</thead>   
		</table>  
		
		<script type="text/javascript">
			//  query();
			$(function(){
				$("#dg").datagrid({
					pagination: true,
					pageSize: 5,
					pageList: [5, 10, 15, 20, 25, 30, 100],
					pageNumber: 1,
					pagePosition: 'both',
					method: 'GET',
					url:'/query.do',
					
					toolbar:[{
						iconCls: 'icon-add',
						text: '添加',
						handler: function(e) {
							$("#edit").form("clear");
							$("#edit").form({url: '/add.do'});
							$("#dlg").window("open");
						}
					},
					
					'-',
					{
						iconCls:'icon-edit',
						text:'编辑',
						handler:function(e){
							$("#edit").form({url:'http://192.168.6.21:8080/modify.do'});
							$("#edit").form("clear");
							//获取数据
							var row = $("#dg").datagrid("getSelected");
							if(row){
								$("#edit").form("load",row);
							}else{
								$.messager.alert("警告","请选择数据");
							}
							$("#city").prepend("<option  selected>"+row.city+"</option>");
							$("#county").prepend("<option  selected>"+row.county+"</option>");
							$("#town").prepend("<option  selected>"+row.town+"</option>");
							$("#sub").attr("onclick","modify()")
							$("#dlg").window("open");
						}
					},
					
					'-',
					{
						iconCls:'icon-remove',
						text:'删除',
						handler:function(e){
							var row = $("#dg").datagrid("getSelected");
							if(row){
								var index = $("#dg").datagrid("getRowIndex",row);
								$.messager.progress();
								
							/* 	$.ajax({
									url:"http://192.168.6.21:8080/del.do",
									data:{id:row.id}
								}) */
								$.get("http://192.168.6.21:8080/del.do",{id:row.id}).fail(function(){
									console.error("error")
								}).done(function(data ){
									//console.error("done")
								}).always(function(){
									console.info("always");
									$.messager.progress("close"); 
									$("#dg").datagrid("reload");
								});
							}else{
								$.messager.alert("提示", "请选择数据");
							}
						}
					},
					
					],
				
				});
			})
			/* 		var url;
	        function newUser(){
	            $('#dlg').dialog('open').dialog('setTitle','表单信息'); */
	           /* $('#fm').form('clear');*/
	         /*  $('#edit').form('clear');
	           $('#edit').form({url:'/add.do'});
	            $('#edit').form('opem'); */
	            /*url = 'UserServlet?f=add';*/
	      /*   } */
	        
	       /* function saveUser(){
	            $('#fm').form('submit',{
	                url: url,
	                onSubmit: function(){
	                    return $(this).form('validate');
	                },
	                success: function(result){
	                    var result = eval('('+result+')');
	                    if (result.success){
	                        $.messager.show({
	                            title: '提示',
	                            msg: result.message
	                        });
	                        $('#dlg').dialog('close');        // close the dialog
	                        $('#mTb').datagrid('reload');    // reload the user data
	                    } else {
	                        $.messager.show({
	                            title: '提示',
	                            msg: result.message
	                        });
	                    }
	                }
	            });
        	}*/
			 function qq(value,name){ 
				alert(value)
				
			}  
        	
        	/* function dlg-buttons(){
        		
        	} */
       	 	  function add(){
		    	 alert($("#name").val());
		    	$.get("http://192.168.6.21:8080/add.do",$("#edit").serialize(),function(data){
		    		alert(date);
		    		debugger;
		    		if(data == 'ok'){
		    			alert(data);
		    			query();
		    		}else{
		    			alert(data);
		    			query();
		    		}
		    	},'json');
		    }
       	  
        	 function del(){
        		$.get("http://192.168.6.21:8080/del.do","id="+id,function(data){
        			alert(data);
        			debugger;
        		if(data == 'ok'){
        			alert(data);
        			query();
        		}else{
        			alert(data);
        			query();
        		}
        	});
        }
        
      /*  	
       	function editUser(){
       		var row = $("#dg").datagrid("getSelected");
			console.info(row);
			console.info(row.age);
			$('#dlg').window('open');
			$('#edit').form('load',row);
			$("#edit").attr("action","/modify.do");
       	} */
      function modify(){
        	 $.get("http://192.168.6.21:8080/modify.do",$("#edit").serialize(),function(data){
        		
        		if(data == 'ok'){
        			alert("修改成功");
        			query();
        		}else{
        			alert("修改失败");
        			query();
        		}
        	},'json');
        }
       	
       	  
       	/*  function query(){
        	  	$.get("http://192.168.6.21:8080/query.do",function(data){
        	  		var alls = JSON.parse(data);
        	  		var all = alls.list;
        	  		alert(all.length);
        	  		for(var i=0; i< all.length; i++){ */
        	  			/* var html="<td><button class='btn btn-info' id='del'onclick='del("+all[i].id+")'>删除</button></td><td ><input type='button' value='修改' class='btn-block btn btn-info' id='btn1' onclick=\"alter('"+all[i].name+"','"+all[i].phone+"','"+all[i].age+"','"+all[i].id+"')\"/></td>";*/
	 				 	/* $("#table").append("<tr type='data'><td id='id'>"+all[i].id+"</td><td>"+all[i].name+"</td>
	 					<td>"+all[i].nation+"</td><td>"+all[i].address+"</td><td>"+all[i].nat+"</td><td>"+all[i].provinces+"</td>
	 					<td>"+all[i].height+"</td><td>"+all[i].wide+"</td><td>"+all[i].marriage+"</td><td>"+all[i].age+"</td>
	 					<td>"+all[i].type+"</td><td>"+all[i].position+"</td><td>"+all[i].year+"</td><td>"+all[i].poName+"</td>
	 					<td>"+all[i].poType+"</td><td>"+all[i].poWork+"</td><td>"+all[i].balance+"</td><td>"+all[i].province+"</td>
	 					<td>"+all[i].city+"</td><td>"+all[i].county+"</td><td>"+all[i].town+"</td><td>"+all[i].container+"</td>
	 					<td>"+all[i].onselfWork+"</td><td>"+all[i].school+"</td><td>"+all[i].education+"</td>
	 					<td>"+all[i].graduate+"</td><td>"+all[i].major+"</td><td>"+all[i].majors+"</td><td>"+all[i].English+"</td>
	 					<td>"+all[i].Chinese+"</td><td>"+all[i].cantonese+"</td><td>"+all[i].introduce+"+html+"</tr>");
        	  		}
        	  	});
        	  }  */
        	  
        	/*  function query(){
        		  $('#dlg').window('close');
        			  $('#dg').datagrid("reload",{
  						name:$("#ss").val()
  					})
        	  }
       	    */
        	/* function query() {
       	 		  $("#dg").datagrid({name:${"#query"}.val();
        		  $("#dg").datagrid({
        			  pagination:true,
        		  	  method:'GET',
        			  url:"/query.do",
        		  });

			} */
			/*$('#dg').datagrid({    
			    url:'datagrid_data.json',    
			    columns:[[    
			        {field:'id',title:'ID',width:100},    
			        {field:'name',title:'Name',width:100}, 
			        {field:'passwd',title:'Passwd',width:100}, 
			        {field:'price',title:'Phone',width:100} ,
			    ]]    
			});*/
			$(function(){
				$.getJSON("http://restapi.amap.com/v3/config/district?key=d60a927a76951d527eca0d5756e88bc4&subdistrict=1",function(data){
					var shuju =data.districts[0].districts;			
						for(var i = 0; i < shuju.length;i++){        
							$("#province").append("<option>"+shuju[i].name+"</option>");
						}
				})
				$("#province").change(function(){
				var a=$("#province").val()
					addr(a)
				})
				$("#city").change(function(){
					var a=$("#city").val()
						city(a)
					})
				})
				$("#county").change(function(){
						var a=$("#county").val()
							county(a)
						})
				$("#town").change(function(){
						var a=$("#town").val()
						town(a)
				})		
				function addr(a){
					$.getJSON("http://restapi.amap.com/v3/config/district?key=d60a927a76951d527eca0d5756e88bc4&subdistrict=1&keywords="+a,function(data){
						var shuju =data.districts[0].districts;
						var b=data.districts[0].center
						$("#city").html('');  
			            $("#county").html('');  
			            $("#town").html('');  
							for(var i = 0; i < shuju.length;i++){					
								$("#city").append("<option>"+shuju[i].name+"</option>");
							}
							xy(b);
						})
				}
				function city(a){
					$.getJSON("http://restapi.amap.com/v3/config/district?key=d60a927a76951d527eca0d5756e88bc4&subdistrict=1&keywords="+a,function(data){
						var shuju =data.districts[0].districts;	
						var b=data.districts[0].center	
			            $("#county").html('');  
			            $("#town").html('');  
							for(var i = 0; i < shuju.length;i++){
								$("#county").append("<option>"+shuju[i].name+"</option>");
							}
							xy(b);
						})
				}
				function county(a){
					$.getJSON("http://restapi.amap.com/v3/config/district?key=d60a927a76951d527eca0d5756e88bc4&subdistrict=1&keywords="+a,function(data){
						var shuju =data.districts[0].districts;
						var b=data.districts[0].center		
			            $("#town").html('');  
							for(var i = 0; i < shuju.length;i++){
								$("#town").append("<option>"+shuju[i].name+"</option>");
							}
						})
						xy(b);
				}
				function town(a){
					$.getJSON("http://restapi.amap.com/v3/config/district?key=d60a927a76951d527eca0d5756e88bc4&subdistrict=1&keywords="+a,function(data){			
						var b=data.districts[0].center		
						xy(b);
					})
				}
				/* var map = new AMap.Map('container',{
			        resizeEnable: true,
			        zoom:11,
			        center: [112.397428, 29.90923]
			   }); */
			    function xy(obj){
			    	map.setCenter(obj.split(","))
			    }
			   /*  $(function(){
			    	$("#dis").click(function(){
			    		var action = $("#form").attr("action");
			    		if(action == '/add.do'){
			    			add();
			    		}else{
			    			modify();
			    		}
			    	});
			    });
			     */
		</script>
	</body>
</html>